import { createNativeStackNavigator } from '@react-navigation/native-stack';
import { NavigationContainer } from '@react-navigation/native';
import { HomeScreen } from '../screens/HomeScreen';
import { CountDownScreen } from '../screens/CountDownScreen';

const Stack = createNativeStackNavigator();

// <Routes>....</Routes> => Stack.Navigator

export const NavBar = () => {
  return (
    <NavigationContainer>
      <Stack.Navigator>
        <Stack.Screen name="Home" component={HomeScreen} options={{ title: 'Timer setup' }} />
        <Stack.Screen name="Countdown" component={CountDownScreen} options={{ title: 'Countdown' }} />
      </Stack.Navigator>
    </NavigationContainer>
  );
};
